<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>京东</title>
    <link rel="stylesheet" href="CSS/header.css" type="text/css" />
    <link rel="stylesheet" href="CSS/top.css" type="text/css" />
    <link rel="stylesheet" href="CSS/tuijian.css" type="text/css" />
    <link rel="stylesheet" href="CSS/more.css" type="text/css" />
    <link rel="stylesheet" href="CSS/mask.css" type="text/css" />
    <link rel="stylesheet" href="CSS/second.css" type="text/css" />
    <link rel="stylesheet" href="CSS/main.css" type="text/css" />
    <link rel="stylesheet" href="CSS/footer.css" type="text/css" />
    <link rel="stylesheet" href="CSS/qiang.css" type="text/css" />
    <link rel="stylesheet" href="CSS/lun.css" type="text/css" />
    <link rel="stylesheet" href="CSS/center.css" type="text/css" />
    <link rel="stylesheet" href="CSS/right.css" type="text/css">
    <link rel="stylesheet" href="CSS/left.css" type="text/css">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css"/>
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/JS/home.js"></script>
</head>
<body>
<div class="body">
<div id="top">
    <img src="image/topdog.png" style="float: left;margin-left: 200px">
    <div style="float: left;position: relative;margin-top: 5px;margin-left: 200px">
        <input placeholder="搜索">
        <img src="image/xiangji.png" style="float: left;margin-left: -35px;width: 25px;margin-top: 5px">
        <div id="cha">
            <img src="image/Search.png" style="position: absolute;float: left;margin-left: 10px;margin-top:7px;width: 20px">
        </div>
    </div>
</div>
<div class="header">
    <img src="image/dog.gif" style="position: absolute;width: 190px;z-index: 3;margin-left: 12.5%;box-shadow:2px -15px 15px 5px rgba(223,226,222,0.96);">
    <div class="place">
    <div class="location"><img src="image/map.png" />北京</div>
    <div id="text">
        <table cellspacing="0" cellpadding="0">
            <tr>
                <td style="background-color: rgba(232,54,50,0.96);color: white">北京</td>
                <td>上海</td>
                <td>天津</td>
                <td>武汉</td>
                <td>大连</td>
            </tr>
            <tr>
                <td>重庆</td>
                <td>安徽</td>
                <td>湖北</td>
                <td>湖南</td>
                <td>河北</td>
            </tr>
            <tr>
                <td>西藏</td>
                <td>吉林</td>
                <td>山东</td>
                <td>广西</td>
                <td>广东</td>
            </tr>
        </table>
    </div>
    </div>
    <div class="list">
        <ul>
            <li>您好，请登录&nbsp;</li>
            <li><a href="#" style="color:rgba(232,54,50,0.96) ;text-decoration: none">免费注册</a></li>
            <li>|</li>
            <li>我的订单</li>
            <li>|</li>
            <li class="my">我的京东<i class="fa fa-chevron-down"></i>
            <ul class="mytext one">
                <li>待处理订单</li>
                <li>消息</li>
                <li>返修退换货</li>
                <li>我的问答</li>
                <li>降价商品</li>
                <li>我的关注</li>
            </ul>
            </li>
            <li>|</li>
            <li>京东会员</li>
            <li>|</li>
            <li>企业采购</li>
            <li>|</li>
            <li class="my" style="color: gray">客户服务<i class="fa fa-chevron-down"></i>
                <ul class="mytext two">
                    <li style="color: black;font-family: 黑体;font-size: 14px">客户</li>
                    </br>
                    <li>帮助中心</li>
                    <li>售后服务</li>
                    <li>在线客服</li>
                    <li>意见建议</li>
                    <li>电话客服</li>
                    <li>客服邮箱</li>
                    <li>金融咨询</li>
                    <li>售全球客服</li>
                </ul>
            </li>
            <li>|</li>
            <li class="my" style="color: gray">网站导航<i class="fa fa-chevron-down"></i>
                <div class="mytext three">
                <ul>
                    <li style="color: black;font-family: 黑体;font-size: 14px">客户</li>
                    </br>
                    <li>帮助中心</li>
                    <li>售后服务</li>
                    <li>在线客服</li>
                    <li>意见建议</li>
                    <li>电话客服</li>
                    <li>客服邮箱</li>
                    <li>金融咨询</li>
                    <li>售全球客服</li>
                </ul>
                    <ul>
                        <li style="color: black;font-family: 黑体;font-size: 14px">客户</li>
                        </br>
                        <li>帮助中心</li>
                        <li>售后服务</li>
                        <li>在线客服</li>
                        <li>意见建议</li>
                        <li>电话客服</li>
                        <li>客服邮箱</li>
                        <li>金融咨询</li>
                        <li>售全球客服</li>
                    </ul>
                    <ul>
                        <li style="color: black;font-family: 黑体;font-size: 14px">客户</li>
                        </br>
                        <li>帮助中心</li>
                        <li>售后服务</li>
                        <li>在线客服</li>
                        <li>意见建议</li>
                        <li>电话客服</li>
                        <li>客服邮箱</li>
                        <li>金融咨询</li>
                        <li>售全球客服</li>
                    </ul>
                    <ul style="border: none">
                        <li style="color: black;font-family: 黑体;font-size: 14px">客户</li>
                        </br>
                        <li>帮助中心</li>
                        <li>售后服务</li>
                        <li>在线客服</li>
                        <li>意见建议</li>
                        <li>电话客服</li>
                        <li>客服邮箱</li>
                        <li>金融咨询</li>
                        <li>售全球客服</li>
                    </ul>
                </div>
            </li>
            <li>|</li>
            <li class="phone" style="color: gray;position: relative">手机京东
                <img src="image/ma.jpg" style="width: 100%;position: absolute;top: 30px;left: -9px">
                <ul class="phonetext">
                    <li>
                        <img src="image/ma.jpg" >
                        <div style="float: left;margin-left: 5px;color: gray">
                            <strong>手机京东</strong>
                            <p>新人专享大礼包</p>
                        </div>
                    </li>
                    <li>
                        <img src="image/ma.jpg" >
                        <div style="float: left;margin-left: 5px;color: gray">
                            <strong>手机京东</strong>
                            <p>新人专享大礼包</p>
                        </div>
                    </li>
                    <li>
                        <img src="image/ma.jpg" >
                        <div style="float: left;margin-left: 5px;color: gray">
                            <strong>手机京东</strong>
                            <p>新人专享大礼包</p>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="left">
    <div class="menu">
    <ul class="lei">
        <li class="dataillei">家用电器
            <div class="page">
                <div class="kind">
                    <ul>
                        <li>五折秒杀></li>
                        <li>家电馆></li>
                        <li>乡镇专卖店></li>
                        <li>家电服务></li>
                        <li>家电企业购></li>
                        <li>商用电器></li>
                        <li>高端家电></li>
                    </ul>
                    <p><strong>电视 ></strong>|<span> 曲面电视 </span>|<span> 液晶电视 </span></p>
                    <p><strong>电视 ></strong>|<span> 曲面电视 </span>|<span> 液晶电视 </span></p>
                </div>
                <div class="tu">
                    <div><img src="image/tu.jpg"></div>
                </div>
            </div>
        </li>
        <li class="dataillei">手机/运营商/数码
            <div class="page">2</div>
        </li>
        <li class="dataillei">电脑/办公
            <div class="page">3</div>
        </li>
        <li class="dataillei">家具/家居/家装/厨具
            <div class="page">4</div>
        </li>
        <li class="dataillei">男装/女装/童装/内衣
            <div class="page">5</div>
        </li>
        <li class="dataillei">美妆/个护/宠物
            <div class="page">6</div>
        </li>
        <li class="dataillei">女鞋/箱包/珠宝/
            <div class="page">7</div>
        </li>
        <li class="dataillei">男鞋/运动/户外
            <div></div>
        </li>
        <li class="dataillei">房产/汽车/汽车用品
            <div class="page"></div>
        </li>
        <li class="dataillei">母婴/玩具乐器
            <div class="page"></div>
        </li>
        <li class="dataillei">食品/酒类/生鲜/特产
            <div class="page"></div>
        </li>
        <li class="dataillei">艺术/礼品鲜花/农资绿植
            <div class="page"></div>
        </li>
        <li class="dataillei">医药保健/计生情趣
            <div class="page"></div>
        </li>
        <li class="dataillei">图书/音像/电子书
            <div class="page"></div>
        </li>
        <li class="dataillei">机票/酒店/旅游/生活
            <div class="page"></div>
        </li>
        <li class="dataillei">理财/众筹/白条/保险
            <div class="page"></div>
        </li>
    </ul>
</div>
</div>
<div class="center">
    <div class="head">
        <input placeholder="搜索">
        <img src="image/xiangji.png" class="xiangji">
        <div class="submit">
            <img src="image/Search.png" style="width: 25px;margin-left: 20%;margin-top: 5px">
        </div>
        <div class="car">
            <img src="image/shop.png" style="width: 25px;margin-left: 17%;margin-top: -2px">
            <span>我的购物车</span>
            <div class="add">
                <img src="image/add.png" style="margin-left: 10px">
            </div>
        </div>
        <p><span style="color: rgba(232,54,50,0.96);margin-left: 0">品质联盟</span><span>走心年货</span><span>农资囤货</span></p>

    </div>
    <div class="title">
        <strong>秒杀</strong>
        <strong>优惠券</strong>
        <strong>plus会员</strong>
        <strong>闪购</strong><span>|</span>
        <strong>拍卖</strong>
        <strong>京东服饰</strong>
        <strong>京东超市</strong>
        <strong>生鲜</strong><span>|</span>
        <strong>全球购</strong>
        <strong>京东金融</strong>
    </div>
    <div class="box">
        <div class="zuo-box">
            <div class="left-button">
                <i class="fa fa-angle-left"></i>
            </div>
            <div class="right-button">
                <i class="fa fa-angle-right"></i>
            </div>
            <div class="over-flow">
                <div class="slide">
                    <div class="lun">
                        <img src="image/1.jpg" />
                    </div>
                    <div class="lun">
                        <img src="image/2.jpg" />
                    </div>
                    <div class="lun">
                        <img src="image/3.jpg" />
                    </div>
                    <div class="lun">
                        <img src="image/4.jpg" />
                    </div>
                    <div class="lun">
                        <img src="image/5.jpg" />
                    </div>
                    <div class="lun">
                        <img src="image/6.jpg" />
                    </div>
                </div>
            </div>
            <div class="dian">
                <i class="fa fa-circle-o fa-circle"></i>
                <i class="fa fa-circle-o "></i>
                <i class="fa fa-circle-o "></i>
                <i class="fa fa-circle-o "></i>
                <i class="fa fa-circle-o "></i>
                <i class="fa fa-circle-o "></i>
            </div>
        </div>
    </div>
    <div class="zhe">
        <ul>
            <li style="margin-top: 0">
                <img src="image/right-1.jpg">
                <div class="mask"></div>
            </li>
            <li>
                <img src="image/right-2.jpg">
                <div class="mask"></div>
            </li>
            <li>
                <img src="image/right-3.jpg">
                <div class="mask"></div>
            </li>
        </ul>
    </div>
    <div class="own">
        <img src="image/my.png" style="width: 190px;margin-top: -20px">
        <p>欢迎来到京东商城</p>
        <div class="log">登录</div>
        <div class="reg">注册</div>
        <div class="message">
            <div class="top">
                <ul>
                    <li>促销<i class="i"></i></li>
                    <li>公告<i class="i none"></i></li>
                </ul>
                <div class="shu">|</div>
                <span>更多</span>
            </div>
            <div class="infor">
                <ul>
                    <li>自营红酒 满199减100</li>
                    <li>自营红酒 满199减100</li>
                    <li>自营红酒 满199减100</li>
                    <li>自营红酒 满199减100</li>
                </ul>
            </div>
            <div class="infor none">
                <ul>
                    <li>华北地区受雨雪影响大幅降温</li>
                    <li>华北地区受雨雪影响大幅降温</li>
                    <li>华北地区受雨雪影响大幅降温</li>
                    <li>华北地区受雨雪影响大幅降温</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="piao">
        <ul>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"><img src="image/bike.png" style="margin-left: 3px"></div>
                        <div class="front1 bike">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/calendar.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/card.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/bus.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/cup.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/imac.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                <div class="border1">
                    <div class="back1"> <img src="image/notification.png" style="margin-left: 3px"></div>
                    <div class="front1">
                        <div class="owntext">车票</div>
                    </div>
                </div>
            </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/gift.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/tea.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/trophy.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/USB.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box1">
                    <div class="border1">
                        <div class="back1"> <img src="image/message.png" style="margin-left: 3px"></div>
                        <div class="front1">
                            <div class="owntext">车票</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="yinpiao">
        <div class="piaokind">
            <ul>
                <li class="selecting" style="margin-left: 0">话费</li>
                <li>机票</li>
                <li>酒店</li>
                <li>游戏</li>
            </ul>
        </div>
        <div class="close"><i class="fa fa-close"></i></div>
        <div class="piaodetail">
            <div class="huafeiname">
                <ul>
                    <li class="selected">话费充值</li>
                    <li>流量充值</li>
                    <li>套餐变更</li>
                </ul>
            </div>
            <div class="huafeidetail">
                <div style="margin-left: 10px">号码：<input style="width: 120px;height: 20px;margin-top: 5px" placeholder="移动/联通/电信"></div><br>
                <div style="margin-left: 10px;margin-top: -12px">面值：<select>
                <option>100</option>
                <option>200</option>
                <option>50</option>
            </select></div>
                <p style="margin-left: 10px;margin-top: 10px;color: rgba(232,54,50,0.96)">￥19.6-￥50.1</p>
                <div style="width: 60px;height: 22px;line-height: 22px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">快速充值</div>
                <p class="qianghuafei" style="margin-left: 10px;margin-top: 10px;color: #2aabd2">抢90减50元话费</p>
            </div>
            <div class="huafeidetail none">
                <div style="margin-left: 10px">号码：<input style="width: 120px;height: 20px;margin-top: 5px" placeholder="移动/联通/电信"></div><br>
                <div style="margin-left: 10px;margin-top: -12px">流量：
                    <select>
                        <option>全国</option>
                        <option>省内</option>
                    </select>
                    <select>
                    <option>50M</option>
                    <option>200M</option>
                    <option>100M</option>
                </select></div>
                <p style="margin-left: 10px;margin-top: 10px;color: rgba(232,54,50,0.96)">￥8.6-￥10.1</p>
                <div style="width: 60px;height: 22px;line-height: 22px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">快速充值</div>
                <p style="margin-left: 70px;margin-top: -20px;color: #2aabd2">AppStore充值</p>
            </div>
            <div class="huafeidetail none">
                <div style="margin-left: 10px">号码：<input style="width: 120px;height: 20px;margin-top: 5px" placeholder="移动/联通/电信"></div><br>
                <div style="margin-left: 10px;margin-top: -12px">月份：
                    <select style="width: 115px">
                        <option>99</option>
                        <option>199</option>
                        <option>299</option>
                    </select></div>
                <p style="margin-left: 10px;color: rgba(232,54,50,0.96)">￥8.6-￥10.1</p>
                <p style="margin-left: 10px;color: rgba(232,54,50,0.96)">500分钟1G流量</p>
                <div style="width: 60px;height: 22px;line-height: 22px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">快速充值</div>
                <p style="margin-left: 5px;color: #2aabd2">AppStore充值</p>
            </div>
            </div>
        <div class="piaodetail none">
            <div class="jipiaoname">
                <ul>
                    <li class="selected">国内机票</li>
                    <li>国外/港澳台</li>
                    <li>特惠</li>
                </ul>
            </div>
            <div class="jipiaodetail">
                <input type="radio" style="margin-left: 15px" name="wang" checked="checked">单程
                <input type="radio" style="margin-left: 15px" name="wang">往返
                <div style="margin-left: 10px">出发：<input style="width: 120px;height: 20px;"></div>
                <div style="margin-left: 10px">到达：<input style="width: 120px;height: 20px;"></div>
                <div style="margin-left: 10px">日期：<input placeholder="出发" style="width: 120px;height: 20px;margin-top: 10px"></div>
                <div style="width: 60px;height: 22px;line-height: 22px;margin-top: 10px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">机票查询</div>
                <p style="margin-left: 70px;margin-top: -20px;color: #2aabd2">当季热门机票</p>
            </div>
            <div class="jipiaodetail none">
                <input type="radio" style="margin-left: 15px" name="fan" checked="checked">单程
                <input type="radio" style="margin-left: 15px" name="fan">往返
                <div style="margin-left: 10px">出发：<input style="width: 120px;height: 20px;"></div>
                <div style="margin-left: 10px">到达：<input style="width: 120px;height: 20px;"></div>
                <div style="margin-left: 10px">日期：<input placeholder="出发" style="width: 120px;height: 20px;margin-top: 10px"></div>
                <div style="width: 60px;height: 22px;line-height: 22px;margin-top: 10px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">机票查询</div>
                <p style="margin-left: 70px;margin-top: -20px;color: #2aabd2">全球热门机票</p>
            </div>
            <div class="jipiaodetail none">
                <img src="image/piao1.png" style="margin-left: 15px;margin-top: 20px">
            </div>
        </div>
        <div class="piaodetail none">
            <div class="jiudianname">
                <ul>
                    <li class="selected">国际/港澳台</li>
                    <li>促销活动</li>
                </ul>
            </div>
            <div class="jiudiandetail">
                <div style="margin-left: 10px;margin-top: 15px">&nbsp;目&nbsp;的&nbsp;地：<input  style="width: 100px;height: 20px;"></div>
                <div style="margin-left: 10px;margin-top: 5px">入住时间：<input  style="width: 100px;height: 20px;"></div>
                <div style="margin-left: 10px;margin-top: 5px">入住地点：<input  style="width: 100px;height: 20px;"></div>
                <input style="width: 170px;margin-left: 10px;height: 20px;margin-top: 5px" placeholder="酒店/商圈/地标">
                <div style="width: 60px;height: 22px;line-height: 22px;margin-top: 10px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">酒店查询</div>
                <p style="margin-left: 70px;margin-top: -20px;color: #2aabd2">订酒店上京东</p>
            </div>
            <div class="jiudiandetail none">
                <img src="image/piao2.png" style="margin-left: 15px;margin-top: 20px">
            </div>
        </div>
        <div class="piaodetail none">
            <div class="youxiname">
                <ul>
                    <li class="selected">点卡</li>
                    <li>QQ</li>
                    <li>网游</li>
                </ul>
            </div>
            <div class="youxidetail">
                <div style="margin-left: 10px">游戏：<input style="width: 120px;height: 20px;margin-top: 10px" placeholder="游戏"></div>
                <div style="margin-left: 10px">面值：<select style="width: 120px;height: 20px;margin-top: 5px">
                    <option>面值</option>
                </select></div>
                <p style="margin-left: 10px;margin-top: 5px;color: rgba(232,54,50,0.96)">￥0.00</p>
                <div style="margin-left: 10px;margin-top: -10px"><input type="radio" name="gender" checked="checked">直冲<input type="radio" name="gender" >卡密</div>
                <div style="width: 60px;height: 22px;line-height: 22px;margin-top: 10px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">酒店查询</div>
            </div>
            <div class="youxidetail none">
                <div style="margin-left: 10px">Q&nbsp;Q：<input style="width: 120px;height: 20px;margin-top: 10px"></div>
                <div style="margin-left: 10px">面值：<select style="width: 120px;height: 20px;margin-top: 5px">
                    <option>1元</option>
                    <option>10元</option>
                    <option>100元</option>
                </select></div>
                <p style="margin-left: 10px;margin-top: 5px;color: rgba(232,54,50,0.96)">￥0.96</p>
                <div style="margin-left: 10px;margin-top: -10px"><input type="radio"checked="checked">直冲</div>
                <div style="width: 60px;height: 22px;line-height: 22px;margin-top: 10px;background-color: rgba(232,54,50,0.96);border-radius: 10px;text-align: center;margin-left: 10px;color: white">酒店查询</div>
            </div>
            <div class="youxidetail none">
                <img src="image/piao3.png" style="margin-left: 15px;margin-top: 20px">
            </div>
        </div>
</div>
</div>
<div class="miao">
    <div class="con">
        <div style="font-size: 35px;font-family: 黑体;margin-left: 23px;padding-top: 40px;color: white">京东秒杀</div>
        <div style="font-size: 25px;font-family: 黑体;margin-left: 25px;margin-top: -10px;color: lightgray">FLASH DEALS</div>
        <img src="image/lightning.png" style="margin-left: 70px;width: 40px"></br>
        <div id="m">&nbsp;距离本场结束还有：</div>
        <div id="s" style="float: left">
            <span id="s1" class="s"></span>
            <span id="m1" class="m">:</span>
            <span id="s2" class="s"></span>
            <span id="m2" class="m">:</span>
            <span id="s3" class="s"></span>
        </div>
        <div style="width: 144px;height: 1px;background-color: rgba(232,54,50,0.96);position: absolute;z-index: 2;margin-left: 23px;margin-top: 30px"></div>
    </div>
    <div class="zhong">
        <div class="zuo">
            <div class="left-click">
                <i class="fa fa-angle-left"></i>
            </div>
            <div class="right-click">
                <i class="fa fa-angle-right"></i>
            </div>
            <div class="over-flows">
                <div class="slides">
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/jian1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/jian2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/jian4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/jian5.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/shou1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shou2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shou3.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shou4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/mu1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/mu2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/mu3.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/mu4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/shi1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shi2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shi3.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/shi4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/dian1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/dian2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/dian3.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/dian4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                    <div class="flash">
                        <ul class="goods">
                            <li>
                                <img src="image/liao1.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/liao2.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/liao3.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                            <li>
                                <img src="image/liao4.jpg">
                                <p>三只松鼠坚果礼包</p>
                                <div class="new">￥155</div>
                                <div class="old">￥200</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <ul class="img">
            <li><a href="#"><img src="image/you1.jpg" alt="第1张图片"></a></li>
            <li><a href="#"><img src="image/you2.jpg" alt="第2张图片"></a></li>
        </ul>
        <ul class="num"></ul>
    </div>
</div>
<div class="main">
    <div class="paihang">
        <h3>排行榜<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <div>
            <div class="name">
                <ul>
                    <li class="selected">安全座椅</li>
                    <li>婴儿推车</li>
                    <li>白酒</li>
                    <li>手机通讯</li>
                    <li>大家电</li>
                </ul>
            </div>
            <div class="hezi">
                <div class="zuo-hezi">
                    <div class="over">
                        <div class="gun yy">
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi1.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,54,50,0.96)">1</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi2.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,81,36,0.96)">2</span>
                                            <p>贝贝卡西 汽车儿童安全座椅车载宝宝座椅汽<br>车用0-4-7-12岁isofix硬接口安全坐椅</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi3.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,149,99,0.96)">3</span>
                                            <p>葛莱GRACO宝宝汽车婴儿童安全座椅 基石系列<br> 适合0-12岁 正反向安装</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi4.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>4</span>
                                            <p>REEBABY 【领券减100元】安全座椅可躺 靠背可<br>调节婴儿宝宝汽车安全座椅0-12岁</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi5.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>5</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用儿童安全<br>座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/zuoyi6.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>6</span>
                                            <p>葛莱Graco 4ever All-in-One 儿童汽车安全座椅<br>0-12岁正反安装 ISOFIX/LATCH接</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="yuan yi">
                        <i class="fa fa-circle-o fa-circle"></i>
                        <i class="fa fa-circle-o "></i>
                    </div>
                </div>
            </div>
            <div class="hezi none">
                <div class="zuo-hezi">
                    <div class="over">
                        <div class="gun ee">
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche1.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,54,50,0.96)">1</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用儿童<br>安全座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche2.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,81,36,0.96)">2</span>
                                            <p>贝贝卡西 汽车儿童安全座椅车载宝宝座椅汽车用<br>0-4-7-12岁isofix硬接口安全坐椅 咖色松果</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche3.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,149,99,0.96)">3</span>
                                            <p>葛莱GRACO宝宝汽车婴儿童安全座椅 基石系列 适合<br>0-12岁 正反向安装 8AE99RPLN 红色</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche4.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>4</span>
                                            <p>REEBABY 【领券减100元】安全座椅可躺 靠背可调<br>节婴儿宝宝汽车安全座椅0-12岁 美国队长ISOFIX双向安装</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche5.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>5</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用儿童安<br>全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/tuiche6.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>6</span>
                                            <p>葛莱Graco 4ever All-in-One 儿童汽车安全座椅<br>0-12岁正反安装 ISOFIX/LATCH接口 美国原装 黑间灰</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="yuan er">
                        <i class="fa fa-circle-o fa-circle"></i>
                        <i class="fa fa-circle-o "></i>
                    </div>
                </div>
            </div>
            <div class="hezi none">
                <div class="zuo-hezi">
                    <div class="over">
                        <div class="gun ss">
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu1.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,54,50,0.96)">1</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽<br>车用儿童安全座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu2.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,81,36,0.96)">2</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu3.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,149,99,0.96)">3</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用儿童<br>安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu4.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>4</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu5.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>5</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/jiu6.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>6</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="yuan san">
                        <i class="fa fa-circle-o fa-circle"></i>
                        <i class="fa fa-circle-o "></i>
                    </div>
                </div>
            </div>
            <div class="hezi none">
                <div class="zuo-hezi">
                    <div class="over">
                        <div class="gun sisi">
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou1.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,54,50,0.96)">1</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou2.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,81,36,0.96)">2</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou3.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,149,99,0.96)">3</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou4.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>4</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou5.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>5</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/shou6.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>6</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="yuan si">
                        <i class="fa fa-circle-o fa-circle"></i>
                        <i class="fa fa-circle-o "></i>
                    </div>
                </div>
            </div>
            <div class="hezi none">
                <div class="zuo-hezi">
                    <div class="over">
                        <div class="gun ww">
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian1.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,54,50,0.96)">1</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian2.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,81,36,0.96)">2</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian3.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span style="color: rgba(232,149,99,0.96)">3</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="paiming">
                                <ul>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian4.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>4</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian5.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>5</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tupian">
                                            <img src="image/dian6.jpg"/>
                                        </div>
                                        <div class="text">
                                            <span>6</span>
                                            <p>SAVILE 猫头鹰超级哈利9个月-12岁汽车用<br>儿童安全座椅isofix/latch接口 记忆球（京东配送）</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="yuan wu">
                        <i class="fa fa-circle-o fa-circle"></i>
                        <i class="fa fa-circle-o "></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="huimai">
        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <div class="bannerone">
            <ul class="imgone">
                <li><img src="image/huimai1.jpg" alt="第1张图片"></li>
                <li><img src="image/huimai2.jpg" alt="第2张图片"></li>
                <li><img src="image/huimai3.jpg" alt="第3张图片"></li>
            </ul>
            <div class="look">立即查看</div>
            <ul class="numone"></ul>
        </div>
        <div class="btnone">
            <span class="prevone"><</span>
            <span class="nextone">></span>
        </div>
    </div>
    <div class="quan">
        <h3>领券中心<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <div>
            <div class="lingquan">
                <div class="flow">
                    <div class="change">
                        <div class="quanlist">
                            <ul>
                                <li>
                                    <div class="quantu">
                                        <img src="image/shou1.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>200</h3>
                                        <span style="color: lightgray">满1500元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                                <li style="background-color: rgba(240,240,240,0.96)">
                                    <div class="quantu">
                                        <img src="image/shou2.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>50</h3>
                                        <span style="color: lightgray">满500元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                                <li>
                                    <div class="quantu">
                                        <img src="image/shou3.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>20</h3>
                                        <span style="color: lightgray">满300元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                            </ul>
                        </div>
                        <div class="quanlist">
                            <ul>
                                <li>
                                    <div class="quantu">
                                        <img src="image/shou1.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>100</h3>
                                        <span style="color: lightgray">满1000元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                                <li style="background-color: rgba(240,240,240,0.96)">
                                    <div class="quantu">
                                        <img src="image/shou2.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>250</h3>
                                        <span style="color: lightgray">满2000元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                                <li>
                                    <div class="quantu">
                                        <img src="image/shou3.jpg"/>
                                    </div>
                                    <div class="quantext">
                                        <h3><span style="color: rgba(232,54,50,0.96)">￥</span>40</h3>
                                        <span style="color: lightgray">满800元可用</span><br>
                                        <span style="color: gray">全品类【除特殊商品】</span>
                                    </div>
                                    <div class="more" >
                                        <p>更<br>多<br>精<br>选<br>好<br>券</p>
                                    </div>
                                    <div class="quanmask"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="quanclick">
                    <i class="fa fa-circle-o fa-circle"></i>
                    <i class="fa fa-circle-o "></i>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="second">
    <div class="mi">
        <h3>觅<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <div class="bannertwo">
            <ul class="imgtwo">
                <li>
                    <img src="image/mi1.jpg" alt="第1张图片">
                    <div class="mitext">
                        <h3>那些年，让人哭笑不得的情人节礼物</h3>
                        <p>马上要到情人节，这样空气中透着暧昧与甜蜜的日子中，无论是爱人间互表心意，趁机告白的男女，都会准备上一件礼物，而这件礼物要么贴心到顺利打动Ta的心，要么就是奇葩到让Ta至今对送礼的人与礼物记忆犹新。</p>
                    </div>
                </li>
                <li>
                    <img src="image/mi2.jpg" alt="第2张图片">
                    <div class="mitext">
                        <h3>廉价版苹果X曝光：价格最低4500！</h3>
                        <p>近日，各大搜索平台的关键词排行榜上都显示iPhone X或将在年中停产，这个信息的真实度更高了。据分析师郭明錤称，
                            苹果X要停产的主要原因是要为2018年的三款手机让路，因为它们才是今年的主角。</p>
                    </div>
                </li>
                <li>
                    <img src="image/mi3.jpg" alt="第3张图片">
                    <div class="mitext">
                        <h3>   全玻璃、无Home键，去年的iPhone8很屌</h3>
                        <p> 最近时不时都听身边的朋友抱怨iPhone 6s的自动关机问题，
                            如果你手中的6s符合苹果免费换电池计划，建议换完可以等明年新一代iPhone了！</p>
                    </div>
                </li>
            </ul>
            <ul class="numtwo"></ul>
        </div>
        <div class="btntwo">
            <span class="prevtwo"><</span>
            <span class="nexttwo">></span>
        </div>
    </div>
    <div class="find">
        <h3>发现好货<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <div class="findbox">
            <ul>
                <li>
                    <img src="image/find1.jpg">
                    <p>罗技 编程无线鼠标</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find2.jpg">
                    <p>Ticwatch智能监测手表</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find3.jpg">
                    <p>飞利浦智能录音笔</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find4.jpg">
                    <p>思朵蓬蓬裙花仙子礼服</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find5.jpg">
                    <p>茵曼简约撞色拼接毛衣</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find6.jpg">
                    <p>PEINAXI纯棉连衣裙</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find7.jpg">
                    <p>S家欧美街头宽松卫衣</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find8.jpg">
                    <p>OVB情侣款加厚外套</p>
                    <div class="findmask"></div>
                </li>
                <li>
                    <img src="image/find9.jpg">
                    <p> OVB抓痕羽绒服</p>
                    <div class="findmask"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="guang">
        <h3>发现好货<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li style="margin-left: 20px;"><img src="image/guang1.png">
            <div class="guangmask" style="width: 350px;height: 219px"></div></li>
            <li style="margin-left: 20px;"><img src="image/guang2.png">
            <div class="guangmask"></div></li>
            <li><img src="image/guang3.png">
            <div class="guangmask"></div></li>
            <li><img src="image/guang4.png">
            <div class="guangmask"></div></li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;时尚达人&nbsp;&nbsp;—</h2>
<div class="fashion">
    <div class="sport">
        <h3>户外运动<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion1.jpg">
                <div class="fashionmask daren"></div>
            </li>
            <li>
                <img src="image/fashion2.jpg">
                <div class="fashionmask daren"></div>
            </li>
        </ul>
    </div>
    <div class="meili">
        <h3>魅力装扮<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion3.jpg">
                <div class="fashionmask zhuang" style="width: 350px"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion4.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
            <li style="margin-top: 10px;margin-left: 10px;width: 170px">
                <img src="image/fashion5.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
        </ul>
    </div>
    <div class="single">
        <ul>
            <li>
                <img src="image/fashion6.jpg">
                <div class="fashionmask singletu"></div>
            </li>
        </ul>
    </div>
</div>
<div class="femail">
    <div class="singleone">
        <ul>
            <li>
                <img src="image/fashion7.jpg">
                <div class="fashionmask singleonemask"></div>
            </li>
        </ul>
    </div>
    <div class="femailtwo">
        <ul>
            <li>
                <img src="image/fashion8.jpg">
                <p>图跃（TUYUE）半指手套运动军迷特种兵户外休闲健身登山防滑防割骑行战术格斗手套（黑色）</p>
                <span>¥49.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px">
                <img src="image/fashion9.jpg">
                <p>加加林 真丝眼罩 桑蚕丝眼罩 透气舒适睡眠眼罩 黑色</p>
                <span>¥35.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion10.jpg">
                <p>歌莲达 蕾丝连衣裙长款长袖新款性感韩版女装包臀裙 短袖红色 XXL</p>
                <span>¥139.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px;margin-top: 10px">
                <img src="image/fashion11.jpg">
                <p>吻潮 2017冬装时尚修身长袖针织衫女套头短
                    款高领加厚加绒毛衣女秋冬款韩版学生打底衫 灰色 L建议110-125斤</p>
                <span> ¥129.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
        </ul>
    </div>
    <div class="femailthree" style="margin-left: 10px;">
        <img src="image/fashion16.png" style="margin-left: 20px;margin-top: 10px">
        <ul>
            <li style="margin-left: 20px"><img src="image/fashion12.jpg" style="width: 350px;">
                 <div class="fashionmask femailthreemask" style="width: 350px;height: 226px"></div></li>
            <li style="margin-left: 20px"><img src="image/fashion13.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion14.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion15.jpg">
                <div class="fashionmask femailthreemask"></div></li>
        </ul>
    </div>
</div>
<div class="fashion">
    <div class="femailthree" style="margin-top: 0">
        <img src="image/fashion16.png" style="margin-left: 20px;margin-top: 10px">
        <ul>
            <li style="margin-left: 20px"><img src="image/fashion12.jpg" style="width: 350px;">
                <div class="fashionmask femailthreemask" style="width: 350px;height: 226px"></div></li>
            <li style="margin-left: 20px"><img src="image/fashion13.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion14.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion15.jpg">
                <div class="fashionmask femailthreemask"></div></li>
        </ul>
    </div>
    <div class="meili">
        <h3>魅力装扮<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion3.jpg">
                <div class="fashionmask zhuang" style="width: 350px"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion4.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
            <li style="margin-top: 10px;margin-left: 10px;width: 170px">
                <img src="image/fashion5.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
        </ul>
    </div>
    <div class="single">
        <ul>
            <li style="position: relative">
                <img src="image/fashion17.jpg">
                <div class="fashionmask doubletu"></div>
            </li>
            <li style="height: 30px;width: 350px;background-color: rgba(240,243,239,0.96);margin-left: -20px"></li>
            <li style="margin-top: 30px;position: relative">
                <img src="image/fashion18.jpg">
                <div class="fashionmask doubletu"></div>
            </li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;智能先锋&nbsp;&nbsp;—</h2>
<div class="fashion">
    <div class="sport">
        <h3>手机频道<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li style="float: left;position: relative">
                <img src="image/ping1.jpg">
                <div class="fashionmask pingdao"></div>
            </li>
            <li style="float: left;margin-left: 10px;position: relative">
                <img src="image/ping2.jpg">
                <div class="fashionmask pingdao"></div>
            </li>
            <li style="float: left">
                <img src="image/ping3.png">
            </li>
        </ul>
    </div>
    <div class="meili">
        <h3>新品首发<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/xinpin.jpg">
                <div class="fashionmask xinpin" style="width: 350px"></div>
            </li>
        </ul>
    </div>
    <div class="single">
        <ul>
            <li>
                <img src="image/fashion6.jpg">
                <div class="fashionmask singletu"></div>
            </li>
        </ul>
    </div>
</div>
<div class="femail">
    <div class="singleone">
        <ul>
            <li style="position: relative">
                <img src="image/fashion17.jpg">
                <div class="fashionmask doubletu" style="margin-left: 70px"></div>
            </li>
            <li style="height: 30px;width: 350px;background-color: rgba(240,243,239,0.96);margin-left: 80px"></li>
            <li style="margin-top: 30px;position: relative">
                <img src="image/fashion18.jpg">
                <div class="fashionmask doubletu" style="margin-left: 70px"></div>
            </li>
        </ul>
    </div>
    <div class="femailtwo">
        <ul>
            <li>
                <img src="image/fashion8.jpg">
                <p>图跃（TUYUE）半指手套运动军迷特种兵户外休闲健身登山防滑防割骑行战术格斗手套（黑色）</p>
                <span>¥49.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px">
                <img src="image/fashion9.jpg">
                <p>加加林 真丝眼罩 桑蚕丝眼罩 透气舒适睡眠眼罩 黑色</p>
                <span>¥35.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion10.jpg">
                <p>歌莲达 蕾丝连衣裙长款长袖新款性感韩版女装包臀裙 短袖红色 XXL</p>
                <span>¥139.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px;margin-top: 10px">
                <img src="image/fashion11.jpg">
                <p>吻潮 2017冬装时尚修身长袖针织衫女套头短
                    款高领加厚加绒毛衣女秋冬款韩版学生打底衫 灰色 L建议110-125斤</p>
                <span> ¥129.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
        </ul>
    </div>
    <div class="sport" style="margin-left: 10px;margin-top: 10px">
        <h3>电脑办公<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion1.jpg">
                <div class="fashionmask daren"></div>
            </li>
            <li>
                <img src="image/fashion2.jpg">
                <div class="fashionmask daren"></div>
            </li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;生活百货&nbsp;&nbsp;—</h2>
<div class="fashion">
    <div class="meili" style="margin-left: 0px">
        <h3>京东超市<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion3.jpg">
                <div class="fashionmask zhuang" style="width: 350px"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion4.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
            <li style="margin-top: 10px;margin-left: 10px;width: 170px">
                <img src="image/fashion5.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
        </ul>
    </div>
    <div class="femailthree" style="margin-top: 0;margin-left: 10px">
        <img src="image/fashion16.png" style="margin-left: 20px;margin-top: 10px">
        <ul>
            <li style="margin-left: 20px"><img src="image/fashion12.jpg" style="width: 350px;">
                <div class="fashionmask femailthreemask" style="width: 350px;height: 226px"></div></li>
            <li style="margin-left: 20px"><img src="image/fashion13.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion14.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion15.jpg">
                <div class="fashionmask femailthreemask"></div></li>
        </ul>
    </div>
    <div class="single">
        <ul>
            <li>
                <img src="image/fashion6.jpg">
                <div class="fashionmask singletu"></div>
            </li>
        </ul>
    </div>
</div>
<div class="femail">
    <div class="singleone">
        <ul>
            <li style="position: relative">
                <img src="image/fashion17.jpg">
                <div class="fashionmask doubletu" style="margin-left: 70px"></div>
            </li>
            <li style="height: 30px;width: 350px;background-color: rgba(240,243,239,0.96);margin-left: 80px"></li>
            <li style="margin-top: 30px;position: relative">
                <img src="image/fashion18.jpg">
                <div class="fashionmask doubletu" style="margin-left: 70px"></div>
            </li>
        </ul>
    </div>
    <div class="femailtwo">
        <ul>
            <li>
                <img src="image/fashion8.jpg">
                <p>图跃（TUYUE）半指手套运动军迷特种兵户外休闲健身登山防滑防割骑行战术格斗手套（黑色）</p>
                <span>¥49.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px">
                <img src="image/fashion9.jpg">
                <p>加加林 真丝眼罩 桑蚕丝眼罩 透气舒适睡眠眼罩 黑色</p>
                <span>¥35.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion10.jpg">
                <p>歌莲达 蕾丝连衣裙长款长袖新款性感韩版女装包臀裙 短袖红色 XXL</p>
                <span>¥139.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px;margin-top: 10px">
                <img src="image/fashion11.jpg">
                <p>吻潮 2017冬装时尚修身长袖针织衫女套头短
                    款高领加厚加绒毛衣女秋冬款韩版学生打底衫 灰色 L建议110-125斤</p>
                <span> ¥129.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
        </ul>
    </div>
    <div class="sport" style="margin-left: 10px;margin-top: 10px">
        <h3>电脑办公<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion1.jpg">
                <div class="fashionmask daren"></div>
            </li>
            <li>
                <img src="image/fashion2.jpg">
                <div class="fashionmask daren"></div>
            </li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;居家优品&nbsp;&nbsp;—</h2>
<div class="fashion">
    <div class="singleone" style="margin-top: 30px">
        <ul>
            <li>
                <img src="image/fashion7.jpg">
                <div class="fashionmask singleonemask"></div>
            </li>
        </ul>
    </div>
    <div class="meili" style="margin-left: 60px">
        <h3>魅力装扮<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion3.jpg">
                <div class="fashionmask zhuang" style="width: 350px"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion4.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
            <li style="margin-top: 10px;margin-left: 10px;width: 170px">
                <img src="image/fashion5.jpg">
                <div class="fashionmask zhuang"></div>
            </li>
        </ul>
    </div>
    <div class="sport" style="margin-left: 10px">
        <h3>户外运动<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
        <ul>
            <li>
                <img src="image/fashion1.jpg">
                <div class="fashionmask daren"></div>
            </li>
            <li>
                <img src="image/fashion2.jpg">
                <div class="fashionmask daren"></div>
            </li>
        </ul>
    </div>
</div>
<div class="fashion">
    <div class="femailthree" style="margin-top: 0">
        <img src="image/fashion16.png" style="margin-left: 20px;margin-top: 10px">
        <ul>
            <li style="margin-left: 20px"><img src="image/fashion12.jpg" style="width: 350px;">
                <div class="fashionmask femailthreemask" style="width: 350px;height: 226px"></div></li>
            <li style="margin-left: 20px"><img src="image/fashion13.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion14.jpg">
                <div class="fashionmask femailthreemask"></div></li>
            <li><img src="image/fashion15.jpg">
                <div class="fashionmask femailthreemask"></div></li>
        </ul>
    </div>
    <div class="femailtwo" style="margin-left: 10px;margin-top: 0px">
        <ul>
            <li>
                <img src="image/fashion8.jpg">
                <p>图跃（TUYUE）半指手套运动军迷特种兵户外休闲健身登山防滑防割骑行战术格斗手套（黑色）</p>
                <span>¥49.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px">
                <img src="image/fashion9.jpg">
                <p>加加林 真丝眼罩 桑蚕丝眼罩 透气舒适睡眠眼罩 黑色</p>
                <span>¥35.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-top: 10px">
                <img src="image/fashion10.jpg">
                <p>歌莲达 蕾丝连衣裙长款长袖新款性感韩版女装包臀裙 短袖红色 XXL</p>
                <span>¥139.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
            <li style="margin-left: 10px;margin-top: 10px">
                <img src="image/fashion11.jpg">
                <p>吻潮 2017冬装时尚修身长袖针织衫女套头短
                    款高领加厚加绒毛衣女秋冬款韩版学生打底衫 灰色 L建议110-125斤</p>
                <span> ¥129.00</span>
                <div class="fashionmask femailtwomask"></div>
            </li>
        </ul>
    </div>
    <div class="single">
        <ul>
            <li style="position: relative">
                <img src="image/fashion17.jpg">
                <div class="fashionmask doubletu"></div>
            </li>
            <li style="height: 30px;width: 350px;background-color: rgba(240,243,239,0.96);margin-left: -20px"></li>
            <li style="margin-top: 30px;position: relative">
                <img src="image/fashion18.jpg">
                <div class="fashionmask doubletu"></div>
            </li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;特色推荐&nbsp;&nbsp;—</h2>
<div class="tuijian">
    <div class="bannerthree">
        <ul class="imgthree">
            <li style="float: left">
                <div class="tuijianimg">
                <div class="tuijiancontent" style="margin-left: 0">
                    <h3>司法拍卖<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian1.jpg">
                    <div class="tuijianmask"></div>
                </div>
                <div class="tuijiancontent">
                    <h3>健康服务<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian2.jpg">
                    <div class="tuijianmask"></div>
                </div>
                <div class="tuijiancontent">
                    <h3>设计师推荐<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian3.jpg">
                    <div class="tuijianmask"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="tuijianimg">
                <div class="tuijiancontent" style="margin-left: 0">
                    <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian1.jpg">
                    <div class="tuijianmask"></div>
                </div>
                <div class="tuijiancontent">
                    <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian2.jpg">
                    <div class="tuijianmask"></div>
                </div>
                <div class="tuijiancontent">
                    <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                    <img src="image/tuijian3.jpg">
                    <div class="tuijianmask"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="tuijianimg">
                    <div class="tuijiancontent" style="margin-left: 0">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian1.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                    <div class="tuijiancontent">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian2.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                    <div class="tuijiancontent">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian3.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="tuijianimg">
                    <div class="tuijiancontent" style="margin-left: 0">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian1.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                    <div class="tuijiancontent">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian2.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                    <div class="tuijiancontent">
                        <h3>会买专辑<img src="image/jiantou.png"><span>专属你的购物指南</span></h3>
                        <img src="image/tuijian3.jpg">
                        <div class="tuijianmask"></div>
                    </div>
                </div>
            </li>
        </ul>
        <ul class="numthree"></ul>
        <div class="btnthree">
            <span class="prevthree"><</span>
            <span class="nextthree">></span>
        </div>
    </div>

</div>
<h2>—&nbsp;&nbsp;京东直播&nbsp;&nbsp;—</h2>
<div class="zhibo">
    <div class="zhibocontent" style="margin-left: 0">
        <ul class="contentone">
            <li><img src="image/zhibo1.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo2.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo3.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo4.jpg">
                <div class="zhibomask"></div></li>
        </ul>
    </div>
    <div class="zhibocontent">
        <ul>
            <li style="margin-top: 18px;margin-left: 20px;position: relative">
                <img src="image/zhibo5.png">
                <div style="top:0;left: 0;width: 350px;height: 390px;position: absolute;background-color: rgba(152,152,152,0.26);"></div>
            </li>
        </ul>
    </div>
    <div class="zhibocontent">
        <ul class="contentone">
            <li><img src="image/zhibo6.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo7.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo8.jpg">
                <div class="zhibomask"></div></li>
            <li><img src="image/zhibo9.jpg">
                <div class="zhibomask"></div></li>
        </ul>
    </div>
</div>
<h2>—&nbsp;&nbsp;还没逛够&nbsp;&nbsp;—</h2>
<div class="leave">
    <ul>
        <li style="margin-left: 0px">
            <img src="image/shi1.jpg">
            <p>车伴侣洗车拖布最厉害</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/501.jpg" style="margin-top: 0">
            <div class="leavemask">
            </div>
        </li>
        <li>
            <img src="image/shi2.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/shi3.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/shi4.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
    </ul>
    <ul>
        <li style="margin-left: 0px">
            <img src="image/dian1.jpg">
            <p>车伴侣洗车拖布最厉害</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/dian2.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/502.jpg" style="margin-top: 0">
            <div class="leavemask">
            </div>
        </li>
        <li>
            <img src="image/dian3.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/dian4.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
    </ul>
    <ul>
        <li style="margin-left: 0px">
            <img src="image/jian1.jpg">
            <p>车伴侣洗车拖布最厉害</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jian2.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jian4.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jian5.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/503.jpg" style="margin-top: 0">
            <div class="leavemask">
            </div>
        </li>
    </ul>
    <ul>
        <li>
            <img src="image/504.jpg" style="margin-top: 0">
            <div class="leavemask">
            </div>
        </li>
        <li style="margin-left: 0px">
            <img src="image/jiu1.jpg">
            <p>车伴侣洗车拖布最厉害</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jiu2.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jiu3.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
        <li>
            <img src="image/jiu4.jpg">
            <p>车伴侣洗车拖布</p>
            <p style="color: rgba(232,54,50,0.96);">￥39</p>
            <div class="leavemask">
                <div class="similar">
                    找相似
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="footer">
    <img src="image/footer.png">
    <div class="hr"></div>
    <div id="footer">
        <ul style="margin-left: 200px">
            <li><strong>购物指南</strong></li>
            <li>购物流程</li>
            <li>会员介绍</li>
            <li>生活旅行</li>
            <li>常见问题</li>
            <li>大家电</li>
            <li>联系客服</li>
        </ul>
        <ul>
            <li><strong>配送方式</strong></li>
            <li>上门自提</li>
            <li>211限时达</li>
            <li>配送服务查询</li>
            <li>配送费收取标准</li>
            <li>海外配送</li>
        </ul>
        <ul>
            <li><strong>支付方式</strong></li>
            <li>货到付款</li>
            <li>在线支付</li>
            <li>分期付款</li>
            <li>邮局汇款</li>
            <li>公司转账</li>
        </ul>
        <ul>
            <li><strong>售后服务</strong></li>
            <li>售后政策</li>
            <li>价格保护</li>
            <li>退款说明</li>
            <li>返修/退换货</li>
            <li>取消订单</li>
        </ul>
        <ul>
            <li><strong>特色服务</strong></li>
            <li>夺宝岛</li>
            <li>DIY装机</li>
            <li>延保服务</li>
            <li>京东E卡</li>
            <li>京东通信</li>
            <li>京东JD+</li>
        </ul>
        <div style="width: 200px;float: right">
            <strong>京东自营覆盖全区</strong>
            <p>京东已向全国2661个区县提供自<br>营配送服务，支持货到付款、<br>POS机刷卡和售后上门服务。</p>
            <p class="xiang" style="margin-left: 140px">查看详情></p>
        </div>
        <div class="xiamian">
            <p><span>关于我们</span>|<span>联系我们</span>|<span>联系客服</span>|
                <span>合作招商</span>|<span>商家帮助</span>|<span>营销中心</span>|
                <span>手机京东</span>|<span>友情链接</span>|<span>销售联盟</span>|
                <span>京东社区</span>|<span>风险监测</span>|<span>隐私政策</span>|
                <span>京东公益</span>|<span>English Site</span><span>Media & IR</span>
            </p>
            <p>
                <span>京公网安备 11000002000088号</span>|<span>京ICP证070359号</span>|
                <span>互联网药品信息服务资格证编号(京)-经营性-2014-0008</span>|
                <span>新出发京零 字第大120007号</span>
            </p>
            <p>
                <span>互联网出版许可证编号新出网证(京)字150号</span>|<span>出版物经营许可证</span>|
                <span>网络文化经营许可证京网文[2014]2148-348号</span>|
                <span>违法和不良信息举报电话：4006561155</span>
            </p>
            <p>
                <span>Copyright © 2004 - 2018  京东JD.com 版权所有</span>|<span>消费者维权热线：4006067733经营证照</span>|
            </p>
            <p>
                <span>京东旗下网站：京东钱包</span>|<span>京东云</span>|
            </p>
        </div>
        <img src="image/hezuo.png" style="margin-left: 500px">
    </div>
</div>
<div class="right">
    <div class="line"></div>
    <div class="type">
        <ul>
            <li>
                <img src="image/account.png">
                <div class="content">京东会员</div>
            </li>
            <li>
                <img src="image/cart.png">
                <div class="content">购物车</div>
            </li>
            <li>
                <img src="image/favorites.png">
                <div class="content">我的关注</div>
            </li>
            <li>
                <img src="image/comments.png">
                <div class="content">我的足迹</div>
            </li>
            <li>
                <img src="image/history.png">
                <div class="content">我的消息</div>
            </li>
            <li>
                <img src="image/service.png">
                <div class="content">联系客服</div>
            </li>
            <li style="margin-top: 155px" onclick="topFunction()">
                <img src="image/top.png">
                <div class="content">返回顶部</div>
            </li>
            <li>
                <img src="image/edit.png">
                <div class="content">反馈</div>
            </li>
        </ul>
    </div>
</div>
</div>
</body>
<script>
    function Time() {
        var date = new Date();
        var nowhour = date.getHours();
        var nowmin = date.getMinutes();
        var nowsec = date.getSeconds();
        var finalhour=24;
        var finalmin = 0;
        var finalsec = 0;
        var finals = finalhour * 3600 + finalmin * 60 + finalsec;
        var nows = nowhour * 3600 + nowmin * 60 + nowsec;
        var showhour = parseInt((finals - nows) / 3600);
        var showmin = parseInt((finals - nows) % 3600 / 60);
        var showsec = (finals - nows) % 60;
        if (showsec < 10) {
            showsec = "0" + showsec;
        }
        if (showmin < 10) {
            showmin = "0" + showmin;
        }
        if (showhour < 10) {
            showhour = "0" + showhour;
        }
        document.getElementById("s1").innerHTML = showhour;
        document.getElementById("s2").innerHTML = showmin;
        document.getElementById("s3").innerHTML = showsec;
        if (showhour == "00" && showmin == "00" && showsec == "00") {
            clearInterval(t);
        }
    }

    Time();
    var t = setInterval(Time, 1000);
</script>
</html>